<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交互式数据可视化期末项目</title>

    <!--导入在线js库文件-->
    <script type="text/javascript" src="https://cdn.plot.ly/plotly-latest.min.js"></script>
    <link
            rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
            crossorigin="anonymous"
    />

    <link
            href="http://getbootstrap.com/docs/3.4/examples/jumbotron-narrow/jumbotron-narrow.css"
            rel="stylesheet"
    />
    <link href="../static/css/signup.css" rel="stylesheet"/>
    <link rel="icon" href="/static/favicon.ico">


</head>

<body>
<div class="container" style="background-color: #e5e5e5;max-width: 90%;border-radius: 15px;padding-top: 20px;margin-top: 5%">
    <div class="header">
        <nav>
            <ul class="nav nav-pills justify-content-end">
                <li class="nav-item">
                    <a class="nav-link" href="/">第一页面</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/page_second">第二页面</a>
                </li>
                <li rclass="nav-item">
                    <a class="nav-link active" href="/page_final">最后页面</a>
                </li>
            </ul>
        </nav>
        <h3 class="text-muted">2021年轻人婚恋观图鉴：恋爱很甜，单身也香</h3>
    </div>

    <div>
        <h4 class="text-muted"></h4>
        <p>
    </div>

    <div>
        <h5 class="text-muted"></h5>
        <p>通过本次调研可以看出，面对爱情、婚姻和家庭，年轻人们既有着对现实的清醒认知，又保留着对爱情的浪漫想象。尽管面临着圈子小、工作忙等生活压力，他们依然在自己选择的人生道路上一往无前、披荆斩棘。而以珍爱网为代表的婚恋交友平台的出现，为单身男女提供了更加数字化、精准化、智能化的专业婚恋服务，帮助他们发现幸福的更多可能。</p>
    </div>

    <footer class="footer">
        <p>何健豪 广州南方学院 网络与新媒体专业</p>
    </footer>
</div>
</body>
</html>

<style>
    body{
        background: url("https://bing.ioliu.cn/v1/rand") no-repeat;
        background-size: 100% 100%;
    }
</style>